<!DOCTYPE html>
<html>
<head>
  <title>Butterfly</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta http-equiv="Access-Control-Allow-Origin" content="*"/>

  <meta http-equiv="X-Frame-Options" content="ALLOW-FROM">
  <meta http-equiv="pragma" content="no-cache" />

  <!-- 3rd part UI ratchet -->
  <link href="../ratchet/css/ratchet.min.css" rel="stylesheet"/>
  <!-- <link href="../ratchet/css/ratchet-theme-ios.min.css" rel="stylesheet"/> -->
  <!-- butterfly.js UI -->
  <link href="../butterfly/css/butterfly.css" rel="stylesheet"/>
  <!-- theme -->
  <link href="./theme.css" rel="stylesheet"/>

  <script type="text/javascript" src='../cordova.js'></script>

  <script type="text/javascript" src="../butterfly/js/require.js" data-main="../butterfly/js/butterfly-amd"></script>


  <link rel="stylesheet" type="text/css" href="./main.css">
  <link rel="stylesheet" type="text/css" href="./costom.css">

</head>
<body>

    <div id="main" data-view="$StackView">

      <div id="main-page" data-view="main/login">

        <style type="text/css">
          .login-wrapper {
            position: absolute;
            top: 0; left:0; right:0; bottom: 0;
            background: #4DB2FA;
            text-align: center;
            padding-top: 100px;
          }

          .login-wrapper input[type=text], .login-wrapper input[type=password] {
            border: 2px solid #2686CB;
            padding: 5px;
            width: 90%;
            height: 40px;
            font-size: 16px;
          }

          .login-btn {
            width: 90%;
            height: 40px;
            background: #FFF;
            border: none;
            border-radius: 4px;
            color: #2EA4D8;
          }
        </style>
        <div class="login-wrapper">
          <input id="username" type='text' placeholder="帐号" autofocus> <br>
          <input id="password" type='password' placeholder="密码"> <br>
          <button class='login-btn' id="login">登录</button>
        </div>
      </div>

    </div>

</body>
</html>
